	* {
	  margin: 0;
	  padding: 0;
	}

	html,
	body {
	  height: 100%;
	  background: #9c9;
	}

	#warp {
	  width: 230px;
	  height: 230px;
	  margin: 50px auto;
	}

	#clock {
	  width: 200px;
	  height: 200px;
	  border-radius: 115px;
	  border: 15px solid #f96;
	  background: white;
	  position: relative;
	}

	#number div {
	  width: 190px;
	  height: 20px;
	  position: absolute;
	  left: 10px;
	  top: 90px;
	}

	#number span {
	  display: block;
	  width: 20px;
	  height: 20px;
	}

	.pointer {
	  position: absolute;
	  bottom: 90px;
	  transform-origin: 50% 90%;
	  -webkit-transform-origin: 50% 90%;
	}

	#houre {
	  width: 5px;
	  height: 60px;
	  left: 98px;
	  background: black;
	}

	#minute {
	  width: 3px;
	  height: 70px;
	  left: 99px;
	  background: gray;
	}

	#second {
	  width: 1px;
	  height: 80px;
	  left: 100px;
	  background: red;
	}